<template>
    <button class="button">
        <slot />
    </button>
</template>

<script setup lang="ts"></script>

<style lang="scss" scoped>
.button {
    height: 32px;
    border: 1px solid var(--color-border);
    background-color: var(--color-button);
    border-radius: 3px;
    transition: all 0.2s;
    color: var(--color-text);
    padding: 0 var(--spacing-xs);
    &:hover {
        background-color: var(--color-button-hover);
    }
}
</style>
